@font-face {
  font-family: HYChengXingJ;
  src: url('../font/HYChengXingJ.ttf');
  /* IE9+ */
}
@font-face {
  font-family: HYJinChangTiJ;
  src: url('../font/HYJinChangTiJ.ttf');
  /* IE9+ */
}
.clear::after {
  content: '';
  display: table;
  clear: both;
}
.HYChengXingJ {
  font-family: HYChengXingJ;
}
.HYJinChangTiJ {
  font-family: HYJinChangTiJ;
}
body,
html {
  width: 100%;
  height: 100%;
  overflow: hidden;
  max-width: 640px;
  margin: 0 auto;
  font-family: "microsoft yahei", simhei;
}
.game-start {
  margin-top: -1px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: url("../img/main-bg.png") no-repeat;
  background-size: 100% 100%;
}
.game-start header {
  width: 100%;
  text-align: right;
  margin-top: 0.05rem;
}
.game-start header a {
  color: #3e3e3e;
  font-size: 0.24rem;
  border-bottom: 1px solid #3e3e3e;
  padding-bottom: 1px;
  margin-right: 0.35rem;
}
.game-start .game-chance {
  position: relative;
  top: 36vh;
}
.game-start .game-chance .btn-group p {
  text-align: center;
}
.game-start .game-chance .btn-group p a {
  display: inline-block;
  width: 2.9rem;
  height: 0.87rem;
  color: #fff;
  background: url("../img/sprite.png") no-repeat -0.3rem -0.47rem;
  background-size: 6.4rem 7.74rem;
  font-size: 0.34rem;
  line-height: 0.87rem;
}
.game-main {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: url("../img/game-bg.png") no-repeat;
  background-size: 100% 100%;
}
.game-main header {
  width: 100%;
  margin-top: 0.05rem;
  overflow: hidden;
}
.game-main header a:first-child {
  display: inline-block;
  float: left;
  margin-left: 0.2rem;
  margin-top: 0.15rem;
  width: 1.22rem;
  height: 0.67rem;
  background: url("../img/sprite.png") no-repeat -0.3rem -1.5rem;
  background-size: 6.4rem 7.74rem;
}
.game-main header a:last-child {
  float: right;
  color: #3e3e3e;
  font-size: 0.24rem;
  display: inline-block;
  border-bottom: 1px solid #3e3e3e;
  padding-bottom: 1px;
  margin-right: 0.27rem;
  margin-top: 0.5rem;
}
.game-main nav {
  text-align: center;
  font-size: 0.4rem;
}
.game-main .intro {
  text-align: center;
  font-size: 0.22rem;
}
.game-main .word_check {
  margin: 0.45rem 0 0.25rem;
  text-align: center;
}
.game-main .word_check li:not(:first-child) {
  margin-left: 0.1rem;
}
.game-main .word_check li {
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  background: url("../img/sprite.png") no-repeat -0.38rem -4.4rem;
  background-size: 6.4rem 7.74rem;
}
.game-main .word_check li a {
  float: left;
  width: 100%;
  height: 100%;
  font-size: 0.42rem;
  line-height: 0.8rem;
}
.game-main .word-container {
  margin-top: 0.4rem;
  text-align: center;
  line-height: 1.16rem;
}
.game-main .word-container li {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin: 0 0.2rem;
  background: url("../img/sprite.png") no-repeat -1.4rem -4.35rem;
  background-size: 6.4rem 7.74rem;
}
.game-main .word-container li a {
  float: left;
  width: 100%;
  height: 100%;
  font-size: 0.42rem;
  line-height: 1rem;
}
.game-main .btn-group {
  text-align: center;
}
.game-main .btn-group a {
  display: inline-block;
  width: 2.05rem;
  height: 0.8rem;
  color: #fff;
  font-size: 0.36rem;
  text-align: center;
  line-height: 0.77rem;
  margin: 0 0.34rem;
}
.game-main .btn-group a:first-child {
  background: url("../img/sprite.png") no-repeat -0.3rem -2.4rem;
  background-size: 6.4rem 7.74rem;
}
.game-main .btn-group a:last-child {
  background: url("../img/sprite.png") no-repeat -0.3rem -3.37rem;
  background-size: 6.4rem 7.74rem;
}
.game-price {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: url("../img/game-bg.png") no-repeat;
  background-size: 100% 100%;
}
.game-price header {
  width: 100%;
  margin-top: 0.05rem;
  overflow: hidden;
}
.game-price header a:first-child {
  display: inline-block;
  float: left;
  margin-left: 0.2rem;
  margin-top: 0.15rem;
  width: 1.22rem;
  height: 0.67rem;
  background: url("../img/sprite.png") no-repeat -0.3rem -1.5rem;
  background-size: 6.4rem 7.74rem;
}
.game-price .price-title {
  text-align: center;
  font-size: 0.24rem;
}
.game-price .price-title .price-title {
  margin: 0.3rem auto;
  font-size: 0.4rem;
}
.game-price .price-title .price-intro {
  text-decoration: underline;
}
.game-price .price-container {
  margin: 0 auto;
}
.game-price .price-container .price-img {
  margin: 0.4rem auto 0;
  text-align: center;
  width: 3.6rem;
  height: 2.45rem;
  background: #c2c2c2;
  line-height: 3.96rem;
}
.game-price .price-container .price-img img {
  display: inline-block;
  width: 2.45rem;
  height: 2.45rem;
  background: #fff;
}
.game-price .price-container .price-name {
  margin-top: 0.4rem;
  text-align: center;
  font-size: 0.3rem;
}
.game-price .game-chance .btn-group p {
  text-align: center;
}
.game-price .game-chance .btn-group p a {
  color: #fff;
  display: inline-block;
  width: 2.9rem;
  height: 0.87rem;
  background: url("../img/sprite.png") no-repeat -0.3rem -0.47rem;
  background-size: 6.4rem 7.74rem;
  font-size: 0.34rem;
  line-height: 0.87rem;
}
.game-price .ad {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1.1rem;
  border-bottom: 0;
  background: #fddc83;
}
.game-price .ad span {
  padding: 0.05rem;
  color: #fff;
  font-size: 0.24rem;
  position: absolute;
  right: 0;
}
.game-price .ad div {
  text-align: center;
  width: 100%;
  height: 100%;
  line-height: 0.8rem;
}
.game-price .ad div a {
  font-size: 0.24rem;
}
.pop-up-window {
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(40, 40, 40, 0.3);
  z-index: 99;
}
.pop-up-window .pop-panel {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.pop-up-window .pop-panel .b-window {
  display: none;
  background: url("../img/panel.png") no-repeat -0.22rem -4.09rem;
  background-size: 6.4rem 11.36rem;
}
.pop-up-window .pop-panel .u-window {
  display: none;
  background: url("../img/panel.png") no-repeat -0.25rem -0.33rem;
  background-size: 6.4rem 11.36rem;
}
.pop-up-window .pop-panel .l-window {
  display: none;
  background: url("../img/panel.png") no-repeat -0.25rem -7.85rem;
  background-size: 6.4rem 11.36rem;
}
.pop-up-window .pop-panel .price-container {
  display: none;
}
.pop-up-window .pop-panel .pop-container {
  z-index: 999;
  width: 5.86rem;
  height: 3.65rem;
}
.pop-up-window .pop-panel .pop-container .pop-nav {
  text-align: right;
  overflow: hidden;
}
.pop-up-window .pop-panel .pop-container .pop-nav .close {
  float: right;
  margin: 0.22rem 0.28rem 0 0;
  width: 0.45rem;
  height: 0.45rem;
  background: url("../img/sprite.png") no-repeat -1.77rem -1.63rem;
  background-size: 6.4rem 7.74rem;
}
.pop-up-window .pop-panel .pop-container .l-msg {
  margin-top: 0.56rem;
}
.pop-up-window .pop-panel .pop-container .u-msg {
  margin-top: 0.9rem;
}
.pop-up-window .pop-panel .pop-container .b-msg {
  margin-top: 0.56rem;
}
.pop-up-window .pop-panel .pop-container .pop-msg {
  text-align: center;
  font-size: 0.24rem;
}
.pop-up-window .pop-panel .pop-container .pop-msg .pop-title {
  margin-bottom: 0.22rem;
  font-size: 0.24rem;
  line-height: 0.34rem;
  font-weight: bold;
}
.pop-up-window .pop-panel .pop-container .pop-msg .pop-title ul {
  margin-left: 0.87rem;
}
.pop-up-window .pop-panel .pop-container .pop-msg .pop-title ul li b {
  color: #e4393c;
}
.pop-up-window .pop-panel .pop-container .pop-msg .l-pop-btn {
  text-align: center;
}
.pop-up-window .pop-panel .pop-container .pop-msg .l-pop-btn a {
  display: inline-block;
  width: 2.24rem;
  height: 0.77rem;
  background: url('../img/sprite.png') no-repeat -3.7rem -1.77rem;
  background-size: 6.4rem 7.74rem;
}
.pop-up-window .pop-panel .pop-container .pop-msg .u-pop-btn {
  text-align: center;
}
.pop-up-window .pop-panel .pop-container .pop-msg .u-pop-btn a {
  display: inline-block;
  width: 2.24rem;
  height: 0.77rem;
  background: url('../img/sprite.png') no-repeat -3.7rem -0.05rem;
  background-size: 6.4rem 7.74rem;
}
.pop-up-window .pop-panel .pop-container .pop-msg .b-pop-btn {
  text-align: center;
}
.pop-up-window .pop-panel .pop-container .pop-msg .b-pop-btn a {
  display: inline-block;
  width: 2.24rem;
  height: 0.77rem;
  background: url('../img/sprite.png') no-repeat -3.7rem -0.09rem;
  background-size: 6.4rem 7.74rem;
}
.pop-up-window .pop-panel .pop-container .pop-msg .wechat {
  margin-top: 0.15rem;
  text-align: center;
}
.pop-up-window .pop-panel .pop-container .pop-msg .wechat img {
  display: inline-block;
  width: 1.95rem;
  height: 1.95rem;
  background: #333;
}
.pop-up-window .pop-panel .common-window {
  display: none;
  height: 4.12rem;
  background: url("../img/dialog-bg.png") no-repeat;
  background-size: 100% 100%;
}
.pop-up-window .pop-panel .real-window {
  display: none;
  height: 5.12rem;
  background: url("../img/dialog-bg.png") no-repeat;
  background-size: 100% 100%;
}
.pop-up-window .pop-panel .real-window form ul {
  margin: 0 auto;
}
.pop-up-window .pop-panel .real-window form ul li {
  margin-top: 0.13rem;
}
.pop-up-window .pop-panel .real-window form ul li label {
  text-align: right;
  display: inline-block;
  width: 1.4rem;
}
.pop-up-window .pop-panel .real-window form ul li input {
  padding: 0.1rem;
  width: 3rem;
  background: #dadada;
}
.pop-up-window .pop-panel .real-window .pop-footer {
  text-align: center;
  margin-top: 0.4rem;
}
.pop-up-window .pop-panel .real-window .pop-footer a {
  display: inline-block;
  width: 1.57rem;
  height: 0.77rem;
  background: url('../img/sprite.png') no-repeat -3.8rem -2.65rem;
  background-size: 6.4rem 7.74rem;
}
.pop-up-window .pop-panel .flow-window {
  display: none;
  height: 4.12rem;
  background: url("../img/dialog-bg.png") no-repeat;
  background-size: 100% 100%;
}
.pop-up-window .pop-panel .flow-window .pop-msg .pop-title b {
  font-weight: bold;
}
.pop-up-window .pop-panel .flow-window .pop-msg .pop-title a {
  text-decoration: underline;
  color: #4f64cc;
}
.pop-up-window .pop-panel .flow-window .pop-msg .pop-info {
  font-size: 0.24rem;
  line-height: 0.34rem;
}
.pop-up-window .pop-panel .flow-window .pop-footer {
  text-align: center;
}
.pop-up-window .pop-panel .flow-window .pop-footer a {
  display: inline-block;
  width: 2.24rem;
  height: 0.77rem;
  background: url('../img/sprite.png') no-repeat -3.7rem -0.05rem;
  background-size: 6.4rem 7.74rem;
}
.game-ruler {
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(40, 40, 40, 0.3);
  z-index: 999;
}
.game-ruler .game-panel {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.game-ruler .game-panel .game-container {
  width: 4.63rem;
  height: 7.16rem;
  background: url("../img/dialog-bg.png") no-repeat;
  background-size: 6.4rem 7.74rem;
  border-radius: 0.1rem;
}
.game-ruler .game-panel .game-container .game-nav {
  text-align: right;
  overflow: hidden;
}
.game-ruler .game-panel .game-container .game-nav .close {
  float: right;
  margin: 0.22rem 0.28rem 0 0;
  width: 0.45rem;
  height: 0.45rem;
  background: url("../img/sprite.png") no-repeat -1.77rem -1.63rem;
  background-size: 6.4rem 7.74rem;
}
.game-ruler .game-panel .game-container .ruler-msg {
  text-align: left;
  margin: 0 0.36rem;
}
.game-ruler .game-panel .game-container .ruler-msg h3:first-child {
  margin-top: 0;
}
.game-ruler .game-panel .game-container .ruler-msg h3 {
  font-size: 0.26rem;
  margin-top: 0.6rem;
}
.game-ruler .game-panel .game-container .ruler-msg p {
  margin-top: 0.16rem;
  line-height: 0.34rem;
  font-size: 0.24rem;
}
